﻿<%@ Page Title="" Language="C#" MasterPageFile="~/main.Master" AutoEventWireup="true" CodeBehind="Product_By_ID.aspx.cs" Inherits="WebBanHang.GUI.Product_By_ID" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="../js/jquery.js" type="text/javascript"></script>
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="../js/jquery.lightbox-0.5.js" type="text/javascript"></script>
    <link href="../css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
     <script type="text/javascript">
         $(function () {
             $('.gallery a').lightBox();
         });
    </script>

    <style type="text/css">
        .gallery
        {
            background-color: #444;
            padding: 10px; 
            width: auto; 
        }
        
        .gallery ul
        {
            list-style: none;
        }
        
        .gallery ul li
        {
            display: inline;
        }
        
        .gallery ul img
        {
            border: 5px solid #3e3e3e;
            border-width: 5px 5px 20px;
        }
        
        .gallery ul a:hover img
        {
            border: 5px solid #fff;
            border-width: 5px 5px 20px;
            color: #fff;
        }
        
        .gallery ul a:hover
        {
            color: #fff;
        }
        img
        {
            width:300px;
            height:150px;
        }
        </style>
    <style type="text/css">
        
        .style33
        {
    }
        .style34
        {
            color: #000000;
            width: 71px;
        }
        .style35
        {
        }
        .style36
        {
            color: #000000;
        }

        img
       {
           width:250px;
           height:130px;
       }


        .deal
        {
            width: 323px;
            height: 382px;
        }
    </style>
    <script src="../js/jquery.countdown.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            var endDate = '<% =Datestring %>';
            $('.countdown-simple').countdown({ date: endDate });
            $('.countdown-styled').countdown({
                date: endDate,
                render: function (data) {
                    var el = $(this.el);
                    el.empty()
              .append("<div>" + this.leadingZeros(data.hours, 2) + " <span>hrs</span></div>")
              .append("<div>" + this.leadingZeros(data.min, 2) + " <span>min</span></div>")
              .append("<div>" + this.leadingZeros(data.sec, 2) + " <span>sec</span></div>");
                }
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:DataList ID="dlDeal" runat="server" RepeatColumns="3" CellPadding="5" 
            onselectedindexchanged="dlDeal_SelectedIndexChanged" CellSpacing="15">
        <FooterStyle BackColor="#99CCCC" ForeColor="#003399" />
        <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" />
        <ItemStyle BackColor="White" ForeColor="#003399" />
        <ItemTemplate>
            <table class="style19" style="height: 213px; width: 99%">
                <tr>
                    <td colspan="3" align="center">
                        <asp:HyperLink ID="HyperLink17" runat="server" 
                            NavigateUrl='<%# "ProductDetail.aspx?ID=" + Eval("MaDeal") %>' 
                            Text='<%# Eval("TenDeal") %>'></asp:HyperLink>
                    </td>
                </tr>
                <tr>
                    <td class="style35" colspan="3">
                       <div class="gallery">
                        <asp:HyperLink ID="HyperLink16" runat="server" 
                            ImageUrl='<%# Eval("HinhAnh") %>' 
                            NavigateUrl='<%#  Eval("HinhAnh")  %>' >HyperLink</asp:HyperLink>                           
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="style35">
                        Giá mới:</td>
                    <td>
                        <asp:Label ID="Label2" runat="server" Text='<%# Eval("GiaBan") %>'></asp:Label>
                        &nbsp;vnđ</td>
                    <td>
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="style34">
                        Giá cũ:</td>
                    <td>
                        <asp:Label ID="Label3" runat="server" Font-Overline="False" 
                            Font-Strikeout="True" Text='<%# Eval("GiaGoc") %>' style="color: #000000"></asp:Label>
                        &nbsp;<span class="style36">vnđ</span></td>
                    <td>
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="style33" colspan="3">
                        <asp:Label ID="Label4" runat="server" Text='<%# Eval("MoTa") %>'></asp:Label>
                    </td>
                </tr>
                <tr>
                   <td class="style33" colspan="3">
                    <div class="countdown-styled clearfix"></div>
                   </td>
                </tr>
            </table>
        </ItemTemplate>
        <SelectedItemStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
    </asp:DataList> 
</asp:Content>
